import styled from 'styled-components';

export const RankItemWarpper = styled.div`
  display: flex;
  width: 220px;
  height: 42px;
  padding: 10px 0 10px 20px;
  .RankImg {
    width: 40px;
    height: 40px;
  }
  .info {
    margin-left: 15px;
    > a {
      display: block;
      margin-bottom: 10px;
      color: #000;
    }
    > span {
      color: #999;
    }
    height: 40px;
  }
  cursor: pointer;
  &:hover {
    background-color: #f4f2f2;
  }
  &.active {
    background: #e6e6e6;
  }
`;
